<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'input限制输入类型'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "0">
        <p class="col-md-12 mb10">
            <span>禁止输入特殊字符</span><br>
            <span class="col-md-2">noSpecial</span><input type="text" v-types.noSpecial v-model="noSpecial">{{noSpecial}}
        </p>
        <p class="col-md-12 mt5 mb10">
            <span>钱的合法字符 , 能输入数字，一个小数点(小数点不能是首位)，小数点后两位</span><br>
            <span class="col-md-2">money</span><input type="number" v-types.money v-model="money">{{money}}
        </p>
        <p class="col-md-12 mt5 mb10">
            <span>只能输入数字</span><br>
            <span class="col-md-2">number</span><input  maxlength="11"  type="text" v-types.number v-model.number="number">{{number}}
        </p>
        <codemd url="Lesson4/docs/types.md"></codemd>
    </div>
</div>
</template>
<script>
import codemd from '../code-md'
export default {
    components: {
        codemd
    },
    data () {
        return {

        }
    },
    mounted () {

    },
    methods: {

    }
}
</script>
